@import "_images.scss";
@import "_bg.scss";
.wrap {
   padding-bottom:.70rem;
   height: 10.65rem;
    .container{
        h3{
            font-weight: normal;
            display:inline-block;
            color:white;
            width:3.97rem;
            height: .44rem;
            font-size: .28rem;
            line-height: .44rem;
            text-indent: .15rem;
            margin-top:.27rem;
            margin-bottom: .22rem;
            border-radius: .06rem;
            background-color: #75b9ff;
            text-align: left;
            position: relative;
            &::before{
                position: absolute;
                top:-6px;
                left: 50%;
                transform: translate(-50%);
                content: "";
                border-width: .07rem;
                border-style: solid;
                border-color: transparent transparent #75b9ff transparent ;
                border-top:none;
            }
        }
        h5{
            font-size: .18rem;
            height: .18rem;
            line-height: .18rem;
            color:#fff;
            margin-bottom: .24rem;
            font-weight: normal;
        }
        .iconWrap{
            text-align: left;
            .icon{
                margin-left: .89rem;
                margin-bottom: .36rem;
                display: inline-block;
                .left{
                    float: left;
                    margin-right: .14rem;
                    background-color: #fff;
                    border-radius: 50%;
                    width:.59rem;
                    height: .59rem;
                    text-align: center;
                   line-height: .59rem;
                   position: relative;
                   img{
                     position: absolute;
                     top:0;
                     bottom:0;
                     left:0;
                     right: 0;
                     margin:auto;
                   }
                }
                p{
                    width: 3.97rem;
                    text-align: left;
                    height: .43rem;
                    float: left;
                    margin: .07rem 0;
                    padding-left: .15rem;
                    background: #f346f3;
                    border-radius:.07rem;
                    line-height: .43rem;
                    color:white;
                    position: relative;
                    &::before{
                        position: absolute;
                        left:-.06rem;
                        top: 50%;
                        transform: translateY(-50%);
                        content: "";
                        border-width: .07rem;
                        border-style: solid;
                        border-color: transparent #f346f3 transparent transparent ;
                        border-left:none;
                    }
                }
            }
        }
    }
}
.footer{
    position: fixed;
   top:9.24rem;
    width:6.40rem;
    height: .70rem;
    background-color: #2c2c2c;
    p{
        float: left;
        display: inline-block;
        color:#fff;
        font-size: .24rem;
        height: .70rem;
        line-height: .70rem;
        text-indent: .21rem;
    }
    .middle{
        float: left;
        width:1.11rem;
        text-align: center;
        height: .47rem;
        line-height: .47rem;
        font-size: .24rem;
        color: #384000;
        background-color: #deff00;
        border-radius: .07rem;
        margin:.115rem 0;
        margin-left: .22rem; 
    }
    .right{
        margin-top:.16rem;
        margin-right:.19rem;
        width: .36rem;
        height: .33rem;
        float:right;
        .left{
            float: left;
            span.icon1{
                display: block;
                margin-top: .06rem;
                 width: .05rem;
                 height: .05rem;
                 background-color: #fff;
                 margin-right: .04rem;
             }
        }
         .right1{
            width: .26rem;
            height: .33rem;
            float: right;
        span.icon{
            display: block;
            background-color: #fff;
            width: .26rem;
            height: .05rem;
            margin-top: .06rem;
        }
      }
       
    }
}
.zhezhao{
    width: 6.40rem;
    height: 11.35rem;
    background-color:rgba(2,2,1,.9);
    position: absolute;
    top:0;
    text-align: center;
    img{
        width: 3.14rem;
        height: 3.14rem;
        margin:3.65rem 0 .50rem;
        
    }
    h3{
        color:#d5d5d5;
        font-size: .375rem;
        line-height: .37rem;
        font-weight: normal;
        margin-bottom: .18rem;
        letter-spacing: .03rem;
       
    }
}